<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1 id="h1"></h1>
  <script>
    // 今天先了解一下：定时器
    setInterval(function () {
      // console.log('这里的代码就会每隔一秒自己运行一次')
      // 16：50：00 放学
      var date = new Date()
      var nowTime = date.getTime()

      date.setHours(16, 50, 0)
      var endTime = date.getTime()

      // 不考虑毫秒，精确到秒即可
      var time = parseInt((endTime - nowTime) / 1000)
      console.log(time)

      // 3663  1: 1：3
      // 3660 / 60 = 61
      // 这里可以有很多种算法，不一定用这种
      var seconds = time % 60
      var minutes = (time - seconds) / 60 % 60
      var hours = (time - seconds - minutes * 60) / 3600

      var h1 = document.getElementById('h1')
      // 修改h1的内容
      h1.innerHTML =  '距离放学还有' + hours + ':' + minutes + ':' + seconds

    }, 1000)


    


  </script>
</body>
</html>